<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>新闻列表</title>
	<style>
		* {
			margin:0;
			padding: 0;
		}

		.box {
			width: 298px;
			height: 198px;
			border:1px solid;

			/*块级盒子，水平居中*/
			margin:100px  auto;
			

			background: url(line.jpg);

			padding: 15px;

		}

		.box h2{
			font-size: 18px;
			text-align: center;
			/*底边框*/
			border-bottom:1px solid #ccc;
			padding: 5px 0;
		}

		.box ul li{
			list-style: none;
			height: 30px;
			/*文字居中显示 */
			line-height: 30px;
			border-bottom: 1px dashed #ccc;

			/*加上小箭头,以背景图品添加*/
			background:url(arr.jpg) no-repeat;
			background-position: 5px center;

			padding-left: 20px;

			/*display: inline-block;*/
		}

		.box ul li a{
			text-decoration: none;
			font-size: 12px;
			color: #333;
		}

		.box ul li a:hover {
			text-decoration: underline;
		}

	</style>
</head>
<body>
	<div class="box">
		<h2>最新新闻/NEW Articles</h2>
		<ul>
			<li><a href="#">背景大杀死大三</a></li>
			<li><a href="#">大大是啊</a></li>
			<li><a href="#">31234上发大水大所大所</a></li>
			<li><a href="#">大商股份森岛帆高sad</a></li>
			<li><a href="#">法师法师法师</a></li>
		</ul>
	</div>
</body>
</html>